<template>
  <div class="mine">
    我的
  </div>
</template>

<script>
export default {
  created(){
    console.log('Mine组件 已实例化');
  },
  mounted(){
    console.log('Mine组件 已挂载');
  },
  destroyed(){
    console.log('Mine组件 已销毁');
  },
  activated(){
    console.log('Mine组件 激活了');
  },
  deactivated(){
    console.log('Mine组件 缓存了');
  }
}
</script>

<style scoped>
.mine{
    background-color: lightgreen;
    height: 300px;
    line-height: 300px;
    text-align: center;
    font-size: 50px;
    font-weight: 900;
}
</style>